<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>我的朋友圈</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css"/>
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css"/>
<!-- 	<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="../static/weixin.css"/>
</head>
<body>
	<div class="content">
	  <div class="buttons-tab">
	    <a href="#tab1" class="tab-link active button">手足</a>
	    <a href="#tab2" class="tab-link button">朋友</a>
	    <a href="#tab3" class="tab-link button">粉丝</a>
	  </div>
	  <div class="content-block clearposition">
	    <div class="tabs">
	      <div id="tab1" class="tab active">
	         <!-- 添加 class infinite-scroll 和 data-distance  向下无限滚动可不加infinite-scroll-bottom类，这里加上是为了和下面的向上无限滚动区分-->
		    <!--   <div class="content infinite-scroll infinite-scroll-bottom" data-distance="100"> -->
		          <div class="list-block clearposition">
		              <ul class="list-container">
		              	<c:forEach items="${firstSubscribe}" var="subscribe">
		              		<li class="item-content<c:if test="${subscribe.membertypecode==30}">divbg</c:if>">
		              			<div class="item-inner"><div class="item-title">${subscribe.fromusername}</div></div>
		              		</li>
		              	</c:forEach>
		              	<!-- <li class="item-content divbg"><div class="item-inner"><div class="item-title">Item 1</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 2</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 3</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 1</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 2</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 3</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 1</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 2</div></div></li>
		              	<li class="item-content"><div class="item-inner"><div class="item-title">Item 3</div></div></li> -->
		              </ul>
		          </div>
		          <!-- 加载提示符 -->
		          <!-- <div class="infinite-scroll-preloader">
		              <div class="preloader"></div>
		          </div> -->
		     <!--  </div> -->
      
	      </div>
	      <div id="tab2" class="tab">
	          <div class="list-block clearposition">
		              <ul class="list-container">
		              	<c:forEach items="${secondSubscribe}" var="subscribe">
		              		<li class="item-content<c:if test="${subscribe.membertypecode==30}">divbg</c:if>">
		              			<div class="item-inner"><div class="item-title">${subscribe.fromusername}</div></div>
		              		</li>
		              	</c:forEach>
		              </ul>
		          </div>
	      </div>
	      <div id="tab3" class="tab">
	          <div class="list-block clearposition">
		              <ul class="list-container">
		              	<c:forEach items="${thirdSubscribe}" var="subscribe">
		              		<li class="item-content<c:if test="${subscribe.membertypecode==30}">divbg</c:if>">
		              			<div class="item-inner"><div class="item-title">${subscribe.fromusername}</div></div>
		              		</li>
		              	</c:forEach>
		              </ul>
		          </div>
	      </div>
	    </div>
	  </div>
	</div>
	  
	<script type='text/javascript'
		src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript'
		src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript'
		src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	
	<script type="text/javascript">
		function doShowFriends()
		{
			self.location='http://www.baidu.com'; 
		}
	</script>

</body>
</html>